  <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title>HTML5 &lt;video&gt; Example</title>

        <script type="text/javascript" src="./js/swfobject.js"></script>
        <script type="text/javascript" src="./js/jquery.min.1.8.2.js"></script>
        <script type="text/javascript">
          $(document).ready(function() {
            var v = document.createElement("video"); // Are we dealing with a browser that supports <video>? 
            if ( !v.play ) { // If no, use Flash.
              var params = {
                allowfullscreen: "true",
                allowscriptaccess: "always"
              };
              var flashvars = {
                file: "video.f4v",
                image: "snapshot.jpg"
              };
              swfobject.embedSWF("player.swf", "demo-video-flash", "480", "272", "9.0.0", "expressInstall.swf", flashvars, params);
            }
          });
        </script>

    </head>
    <body>
        <div id="content" style="text-align:center">
          <div id="demo-video-flash">
             <video id="demo-video" poster="./png/poster.jpg" style="max-width:100%;"  controls>
              <source src="./video.mp4" type="video/mp4" /> <!-- MPEG4 for Safari -->
           
             </video>
          </div>
        </div>
    </body>
